﻿.iphone-nodel .msg-del{display:None}
.i-body{
    overflow-y: scroll;
}
.i-body::-webkit-scrollbar {
    display: none;
}
.slider_bar_height{
    background-color: #999;
}
.slider_bar_width{
    background-color: #999;
}
/*.i-b-rec-text:hover,.i-b-sen-text:hover,.i-b-time:hover{background:#FF6666;cursor: move;}*/
.i-top{z-index:100;}
.i-nav{color: #181818;}
.i-nav{font-size: 34px;}
.i-n-back{width: 60px;}



.i-b-rec-text div.i-b-pay2 span,
.i-b-sen-text div.i-b-pay2 span{
    background: url(../images/i-pay-send-2.png) no-repeat left;
    background-size: 100%;
    width: 429px;
    height: 162px;
    border: none;
    margin-left: 10px;
}
.i-b-sen-text .i-b-pay2 span.i-pay-send{
    background: url(../images/i-pay-rec-2.png) no-repeat 100%;
    margin-right:10px;
    background-size: 100%;
}
.i-b-sen-text .i-b-pay2 span.i-pay-rec{
    background: url(../images/i-pay-rec-2.png) no-repeat 100%;
    margin-right:10px;
    background-size: 100%;
}
.i-b-rec-text div.i-b-pay2 span em,
.i-b-sen-text div.i-b-pay2 span em{
    position: absolute;
    color: #fff;
    margin: -8px 0 0 110px;
    font-size: 36px;
    padding-left: 23px;
    background: url(../images/i-pay-money-2.png) 0 31px no-repeat;
}
.i-b-sen-text div.i-b-pay2 span.i-pay-send em,
.i-b-sen-text div.i-b-pay2 span.i-pay-rec em{
    margin-left: 124px;
    padding-left: 25px;
}
.i-b-rec-text div.i-b-pay2 span i,
.i-b-sen-text div.i-b-pay2 span i{
    width: 260px;
    height: 72px;
    background: url(../images/i-pay-icon-send-2.png) no-repeat left;
    left: 28px;
    top: 23px;
}
.i-b-rec-text div.i-b-pay2 span.i-pay-rec i,
.i-b-sen-text div.i-b-pay2 span.i-pay-rec i{
    background: url(../images/i-pay-icon-send-2.png) no-repeat left;

}
.i-b-sen-text div.i-b-pay2 span.i-pay-send i,
.i-b-sen-text div.i-b-pay2 span.i-pay-rec i{
    left: 38px;
}
.i-b-sen-text div span{
    background: #95ec69;
    border-color: #95ec69;
    float: right;
    margin-left: 0;
    margin-right: 24px;
}
.i-b-rec-text div span em,
.i-b-sen-text div span em{
    font-style: normal;
    padding: 20px;
    display: block;
    word-wrap : break-word ;
    word-break:break-all;
}



.i-b-sen-text .i-b-pay2 .i-b-nick2,.i-b-sen-text .i-pay-rec .i-b-nick2{
    display: block;
    position: absolute;
    z-index: 100;
    top: 61px;
    color: #fddfc0;
    font-size: 20px;
    width: 429px;
    right: 0;
    left: auto;
    text-align: left;
    overflow: hidden;
    padding-left: 130px;
    height: 29px;
}


.i-b-rec-text .i-b-pay2 .i-b-nick2,.i-b-rec-text .i-pay-rec .i-b-nick2{
    display: block;
    position: absolute;
    z-index: 100;
    left: 127px;
    top: 61px;
    color: #fddfc0;
    font-size: 20px;
}


.i-pay-rec .i-b-nick2{
    left: 97px;
    top: 61px;
}
.i-b-pay2 p.i-b-nick2{padding-left:0;}

.i-b-sen-text img ,.i-b-rec-text img{
    border-radius: 10px;
}
.wx_pic_diy img{
    border-radius: 5px;
}

.i-b-rec-text div.i-b-voice em, .i-b-sen-text div.i-b-voice em{top: 0;color: #000;left: 61px;}
.i-b-sen-text div.i-b-voice em{text-align: inherit;}

.i-b-sen-text div.i-b-voice em {
    right: 6px;
    left:auto;
}
.bg-body .wx-img-box{display:none;}
.i-n-count{left: 63px;display: inline-block;padding: 2px 13px;text-shadow: 0 -1px 0 rgba(0,0,0,0.25);white-space: nowrap;
    vertical-align: baseline;
    background-color: #d5d5d5;}
.i-n-count{
    border-radius: 24px;
    height: 48px;
    min-width: 48px;
    line-height: 48px;
    top: 15px;
    color:#181818;
}





.iphone{
    width: 750px;
    height: 1334px;
}
.i-top{
    background:url(../images/wxdh-top.png) top left;
    height:129px;
}
.i-nav{border:none;}
.i-n-back{
    background:none;
}
.i-n-count{
    top:20px;
}
.i-top-elm{margin-right:0px;}

.i-signal {
    width:33px;
    height:20px;
    background:url(../images/signal2.png) no-repeat;
    margin-top:10px;
    margin-left:12px;
}
.i-signal {
    width:33px;
    height:20px;
    background:url(../images/signal5.png) no-repeat;
    margin-top:10px;
    margin-left:12px;
}
.i-signal1 {
    background:url(../images/signal1.png) no-repeat;
}
.i-signal2 {
    background:url(../images/signal2.png) no-repeat;
}
.i-signal3 {
    background:url(../images/signal3.png) no-repeat;
}
.i-signal4 {
    background:url(../images/signal4.png) no-repeat;
}
.i-signal5{
    background:url(../images/signal4.png) no-repeat;
}

.i-carrier {
    width:92px;
    height:23px;
    background:url(../images/cnyd.png) no-repeat;
    margin-top:10px;
    margin-left:12px;
}
.i-c-yd {
    background:url(../images/cnyd.png) no-repeat;
}
.i-c-lt {
    background:url(../images/cnlt.png) no-repeat;
}
.i-c-dx {
    background:url(../images/cndx.png) no-repeat;
}


.i-network {
    width:30px;
    height:20px;
    background:url(../images/nw-wifi.png) no-repeat;
    margin-top:10px;
    margin-left:12px;
}
.i-n-wifi {
    background:url(../images/nw-wifi.png) no-repeat;
}
.i-n-4g {
    background:url(../images/nw-4g.png) no-repeat;
}
.i-n-5g {
    background:url(../images/nw-5g.png) no-repeat;
}


.i-b-rec-text, .i-b-sen-text{
    margin: 26px 25px 0 25px;
}
.i-b-rec-text div span{
    background:#fff;
    margin-left: 18px;
}
.i-b-sen-text div span{
    background:#95ec69;
    margin-left: 0;
    margin-right: 25px;
}
.i-bottom-wechat{
    height: 112px;
    z-index: 100;
    background:url(../images/wxdh-bottom.png) no-repeat;
}

.i-top-time,.i-top-berry-num{color: #000;}
.i-top-dir{background: url(../images/i-top-dir.png) no-repeat;}
.i-top-berry, .i-top-berry2{background: url(../images/i-top-berry1.png) no-repeat;}
.i-top-berry i em{background: rgb(0, 0, 0);}
.i-b-rec-text div.i-b-voice b, .i-b-sen-text div.i-b-voice b{background: url(../images/rec-record.png) no-repeat;}
.i-b-sen-text div.i-b-voice b{background: url(../images/sen-record.png) no-repeat;}

.i-b-rec-text div.i-b-pay span i, .i-b-sen-text div.i-b-pay span i{background: url(../images/i-pay-icon-send.png) no-repeat;width: 261px;height: 86px;top: 21px;left: 33px;}
.i-b-rec-text div.i-b-pay span, .i-b-sen-text div.i-b-pay span{background: url(../images/i-pay-send.png) no-repeat;width: 478px;height: 176px;}
.i-b-rec-text div.i-b-pay span em, .i-b-sen-text div.i-b-pay span em{margin: 0 0 0 134px;background: url(../images/i-pay-money.png) 0 27px no-repeat;padding: 19px 20px 20px 29px;font-size: 30px;}
.i-b-rec-text div.i-b-pay span.i-pay-rec i, .i-b-sen-text div.i-b-pay span.i-pay-rec i{background: url(../images/i-pay-icon-rec.png) no-repeat;}
.i-b-sen-text .i-b-pay span.i-pay-send, .i-b-sen-text .i-b-pay span.i-pay-rec{background: url(../images/i-pay-rec.png) no-repeat;}
.i-b-sen-text div.i-b-pay span.i-pay-send em, .i-b-sen-text div.i-b-pay span.i-pay-rec em{margin-left: 124px;}
.i-b-rec-text .redpacket .content, .i-b-sen-text .redpacket .content{width: 468px;}
.i-b-rec-text .redpacket .main, .i-b-sen-text .redpacket .main{height: 128px;}
.i-b-rec-text .redpacket .main .icon, .i-b-sen-text .redpacket .main .icon{margin: 24px 0 0 30px;}
.i-b-rec-text .redpacket .main>h3, .i-b-sen-text .redpacket .main>h3, .i-b-rec-text .redpacket .main>h4, .i-b-sen-text .redpacket .main>h4{font-size: 30px;margin: 48px 27px 0;width: 300px;}
.i-b-time span{background: none;color: #a5a5a5;}

.a-u-pic-pic{width: 80px;height: 80px;background: url(../images/add-pic-pic.png) no-repeat;background-size: 100%;cursor: pointer;}
.a-u-pic-show-pic{position: relative;background: #fff;}
.a-u-pic-show-pic img{width: 80px;height: 80px;vertical-align: top;}
.a-u-pic-show-pic input{width: 80px;height: 80px;position: absolute;top: 0;left: 0;z-index: 99999999;cursor: pointer;opacity: 0;}
.a-u-pic-show-pic p{position: absolute;margin: 0;width: 200px;top: 90px;font-size: 12px;color: #f00;}
h6.wx_pic_pos{width:209px;position:absolute;top:0px;left:0;z-index:999;background:url(../images/wx_pic_box.png) no-repeat;margin:0;padding:0;}
h6.wx_pic_pos2{width:209px;position:absolute;top:0px;left:-2px;z-index:999;background:url(../images/wx_pic_box2.png) no-repeat;margin:0;padding:0;}
span.wx_pic_diy img{ background: #fff none repeat scroll 0 0;height:auto;left:0;position: absolute;top: 0;width:209px;max-width:auto;}
span.wx_pic_diy{width:209px;position:relative;border:none;background:none;}
.i-b-sen-text div span.wx_pic_diy{border:none;background:none;}

.i-b-rec-text div span, .i-b-sen-text div span{max-width: 552px;}

.i-water {
  display: none;
}
/* .msg-del {
  display: none !important;
} */
.i-body{
  padding-bottom: 100px;
}